<style>
    
</style>
<template>
    <div class="upload" >
       <input type="file" name="file" @change='selectFile' multiple="multiple"/>
    </div>
</template>
<script>
    import axios from "axios";
    import OSS from 'ali-oss';
    export default {
        props:{
            // 最大上传数量
            max:{
                type:Number,
                twoWay:true
            },
            messageSaveSuccess:{
                type:Boolean,
                twoWay:true
            },
            // 返回的上传地址
            uploadurl:{
                type: Array,
                twoWay:true
            },
             //拖拽区域
            container:{
                type: String,
                twoWay:false
            },
            // 多选上传
            multiple:{
                type:Boolean,
                twoWay: false
            }
        },
        data () {
            return {
                client: ''
            }
        },
        created () {
            
        },
        watch: {
            uploadurl(val) {
	           
            }
        },
        methods:{
            // 初始化oss权限
            initConfig () {
                // axios.post(url, params).then ( (response) => {
                //     if (response.data.suc == 200) {
                        this.client = new OSS({
                            region: 'oss-cn-beijing',
                            //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，部署在服务端使用RAM子账号或STS，部署在客户端使用STS。
                            accessKeyId: 'LTAIEWlxXlIBW67B',
                            accessKeySecret: 'gzgbOrkO9Lian0hH3iXCOg30pMiArh"',
                            bucket: 'kegonghui'
                        });
                //     }
                // })
            },
            // 选择文件
            selectFile (e) {
                // 选择文件
                for (let i = 0; i < e.target.files.length; i++) {
                    this.pushFile(e.target.files[i])
                }
            },
            // 上传文件
            async pushFile (file) {
                let _file = file
                var storeAs = `${Date.now()}.png`; // 传到oss上的名字

                // 调用上传方法
                try {
                    let result = await this.client.put('head/' + storeAs, _file, {
                        // 上传进度
                        progress: async function (percentage) {
                             console.log(11111) // 上传文件进度
                            let fileloadingNum = Math.ceil(percentage * 100) + '%'
                        }
                    })
                } catch (error) {
                    // 上传失败,弹出上传失败的消息
                    if (error.code === 'ConnectionTimeoutError') {
                        console.log("Woops,超时啦!");
                    // do ConnectionTimeoutError operation
                    }
                }
            }
            
        },
        mounted(){
            this.initConfig();
        },
    }
</script>
<style lang="scss" scoped>

</style>


